<template>
	<view class="pay_box">
		<view>
			<image class="green" src="https://cdn7.axureshop.com/demo/2116044/images/%E6%94%AF%E4%BB%98%E6%88%90%E5%8A%9F/u1737.png"></image>
		</view>
		<view>支付成功</view>
		<view>订单金额：200积分</view>
		<view class="order" @click="order">查看订单</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			order(){
				console.log("跳转到订单详情页面")
				uni.navigateTo({
					url:'/pages/score/score',
					// ?id=state
				})
			}
		}
	}
</script>

<style>
.pay_box{
	width: 375px;
}
.pay_box view:nth-child(1){
	width: 110rpx;
	height: 110rpx;
	position: absolute;
	left: 170px;
	top: 164px;
	/* text-align: center; */
}
.green{
	width: 100%;
	height: 100%;
}
.green:hover{
	src: "https://cdn7.axureshop.com/demo/2116044/images/%E6%94%AF%E4%BB%98%E6%88%90%E5%8A%9F/u1737_mouseOver.png";
}
.pay_box view:nth-child(2){
	font-size: 36rpx;
	color: #333;
	position: absolute;
	left: 137px;
	top: 230px;
	width: 126px;
	height: 61px;
	text-align: center;
	line-height: 30px;
}
.pay_box view:nth-child(3){
	font-size: 28rpx;
	color: #666;
	text-align: center;
	line-height: 30px;
	position: absolute;
	left: 137px;
    top: 260px;
	width: 126px;
	height: 61px;
}
.order{
	width: 80%;
	height: 80rpx;
	font-size: 32rpx;
	line-height: 80rpx;
	color: #F77214;
	text-align: center;
	border-radius: 40rpx;
	border: 1rpx solid #F77214;
	position: absolute;
	left: 30rpx;
	top: 325px;
	width: 335px;
	height: 45px;
}
</style>
